{% extends "GebhardtConfigBundle::layout.html.twig" %}
{% block title %} Test
{% endblock %}
{% block body %}
<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <a class="brand" href="#"><img src="{{ asset('logo.jpg') }}"  height="30px" width="120px" class="img-rounded" alt="Logo" ></a>
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Login</a></li>
                <li><a href="#">Administration</a></li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="span12">  
            <img src="{{ asset('logo.jpg') }}"  class="img-rounded" alt="Logo" >   


        </div>

    </div>


    <div class="row">  
        <div class="span3">
            <div class="roundcontainer">
                <h3>Fontend Development:</h3>   
                <p>HTML4.0, XHTML1.0, CSS2.1, HTML5, CSS3, JavaScript</p>  
            </div>
        </div>  
        <div class="span3">  
            <div class="roundcontainer">
                <h3>Backend Developemt:</h3>   
                <p>PHP, Ruby, Python, Java, ASP.NET, SCALA</p>  
            </div>
        </div>  
        <div class="span3">  
            <h3>Database Management:</h3>   
            <p>SQL, MySQL POstgreSQL, NoSQL, MongoDB</p>  
        </div>  
        <div class="span3">  
            <h3>APIs, Tools and Tips:</h3>   
            <p>Google Plus API, Twitter Bootstrap, JSON, Firebug, WebPNG</p>  
        </div>  
    </div>
    <div class="row">  
        <div class="span12">  
            Test
        </div>
    </div>  

    <div class="hero-unit">
        <div class="row">  

            <h3>A basic Progress Bar with vertical gradient</h3>  
            <div class="progress">  
                <div class="bar"  
                     style="width: 60%;"></div>  
            </div>  
            <h3>A striped Progress Bar, uses gradient to create a striped effect</h3>  
            <div class="progress progress-striped">  
                <div class="bar" style="width: 60%;"></div>  
            </div>  
            <h3>An animated Progress Bar</h3>  
            <div class="progress progress-striped active">  
                <div class="bar" style="width: 50%;"></div>  
            </div>  

        </div>  
    </div>
    <hr>  
</div>



{% endblock %}
